@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/myriadpro-regular_0-webfont.eot');
    src: url('../fonts/myriadpro-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular_0-webfont.woff') format('woff'),
         url('../fonts/myriadpro-regular_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/myriadp0-webfont.eot');
    src: url('../fonts/myriadp0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadp0-webfont.woff') format('woff'),
         url('../fonts/myriadp0-webfont.ttf') format('truetype'),
         url('../fonts/myriadp0-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.ffm{font-family:'MyriadPro'}
.ffmb{font-family:'MyriadProBold'}
.ffa{font-family:'Arial'}

/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*----------basic----------------*/
ul{list-style:none}
ul li{display:list-item;}
html,body { font: 13px 'Verdana', Arial, sans-serif; color:#666; height:100%; text-align:center; background:#fff; line-height:18px}
a { text-decoration:none; color: #da1632 }
a:hover { text-decoration:underline; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
button { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding: 0; margin: 0; resize:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
button{border:0;cursor:pointer;font-weight:700;color:#fff}
p{padding:5px 0}
select,.cp{cursor:pointer}
h2{font-size:14px; color:#da1632; line-height:18px; margin-top:30px; padding-bottom:10px}
.clear{clear:both}
.page-break{page-break-before:always}
.dpn{display:none}
.por{position:relative}
.rounded{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(PIE.htc);position:relative}
.rounded10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.transparent{zoom:1;filter:alpha(opacity=90);opacity:.9}
.transparent50{zoom:1;filter:alpha(opacity=50);opacity:.5}
.normal{zoom:1;filter:alpha(opacity=100);opacity:1}
.cursor{cursor:pointer}
.fl{float:left}
.fr{float:right}
.pa0{padding:0}
.pa5{padding:5px}
.pa10{padding:10px}
.pa15{padding:15px}
.pa20{padding:20px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.ph5{padding-left:5px;padding-right:5px}
.ph10{padding-left:10px;padding-right:10px}
.ph15{padding-left:15px;padding-right:15px}
.ph20{padding-left:20px;padding-right:20px}
.ph25{padding-left:25px;padding-right:25px}
.ph30{padding-left:30px;padding-right:30px}
.pv5{padding-top:5px;padding-bottom:5px}
.pv10{padding-top:10px;padding-bottom:10px}
.pv15{padding-top:15px;padding-bottom:15px}
.pv20{padding-top:20px;padding-bottom:20px}
.ma5{margin:5px}
.ma10{margin:10px}
.ma15{margin:15px}
.ma20{margin:20px}
.mt-40{margin-top:-40px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.mh5{margin-left:5px;margin-right:5px}
.mh10{margin-left:10px;margin-right:10px}
.mh15{margin-left:15px;margin-right:15px}
.mh20{margin-left:20px;margin-right:20px}
.mha{margin-left:auto;margin-right:auto}
.mv5{margin-top:5px;margin-bottom:5px}
.mv10{margin-top:10px;margin-bottom:10px}
.mv15{margin-top:15px;margin-bottom:15px}
.mv20{margin-top:20px;margin-bottom:20px}
.fwn{font-weight:400}
.fwb{font-weight:700}
.fsi{font-style:italic}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.taj{text-align:justify}
.ttu{text-transform:uppercase}
.ttc{text-transform:capitalize}
.tdu{text-decoration:underline}
.ti9{text-indent:-9999px}
.tsd{text-shadow:1px 1px 0 #999}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.vat{vertical-align:top}
.dpi{display:inline}
.dpib{display:inline-block}
.poa{position:absolute}
.pof{position:fixed}
.ofh{overflow:hidden}
.ofv{overflow:visible}
.ofa{overflow:auto}
.bdn{border:none}
.bd1{border:solid 1px #b9b9b9}
.bd1R{border-right:solid 1px #87878a}
.bd1T{border-top:solid 1px #8a8a8a}
.bd1B{border-bottom:solid 1px #f0f0f0}
.bd1L{border-left:solid 1px #87878a}
.bd1C{background:url(../images/line2.png) no-repeat center bottom;}
.noBd{border:0}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs20{font-size:20px}
.fs21{font-size:21px}
.fs22{font-size:22px}
.fs23{font-size:23px}
.fs24{font-size:24px}
.fs25{font-size:25px}
.fs26{font-size:26px}
.fs27{font-size:27px}
.fs30{font-size:30px}
.fs34{font-size:34px}
.fs36{font-size:36px}
.fs40{font-size:40px}
.fs42{font-size:42px}
.bgt{background:transparent}
.bg1{background:#000}
.bg2{background:#fff}
.bg3{background:#dadada}
.bg4{background:#}
.bg5{background:#}
.bg6{background:#}
.bg7{background:#}
.cf0{color:#000}
.cf1{color:#fff}
.cf2{color:#e41936}
.cf3{color:#001b62}
.cf4{color:#073e57}
.cf5{color:#666668}
.w290{width:290px}
.w595{width:595px}
.w960{width:960px}
.h120{height:120px}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh19{line-height:19px}
.lh20{line-height:20px}
.lh21{line-height:21px}
.lh24{line-height:24px}
.lh40{line-height:40px}
.lh50{line-height:50px}
.lsd{list-style-type:disc}
.lss{list-style-type:square}
.lsc{list-style-image:url(../images/list-style.png)}
.vsh{visibility:hidden}
.lsp1{letter-spacing:1px}
.zi999{z-index:999}
.bottom{bottom:0}
.right{right:0}
.top{top:0}

.shadow{-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.54);-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.54);box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.54);progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);}
.none-list li{float:left}
a.rm{background:#db0d20; padding:2px 35px 2px 5px; color:#fff; font-family:'Arial'; font-size:12px; margin-top:10px; display:inline-block}
#content{min-height:100%; position:relative; text-align:left; padding-bottom:1px; }
#wrapper{min-height:100%; background:none; padding:0px 0px 225px; } /*Sua*/

#header{background:#eaeaea; }

#logo {width:960px; margin:0px auto 20px; background:#fff; padding:30px 10px 10px; position:relative; overflow:hidden; margin-top:-10px; z-index:9999}
#info{vertical-align:bottom; margin-top:0;}

#navbar ul.menu{}
#navbar ul.menu{overflow:hidden;}
#navbar ul.menu li{padding:0px; display:inline-block;}
#navbar ul.menu li a{padding:5px 15px; float:left; color:#000; text-transform:uppercase; font-size:12px; }
#navbar ul.menu li:first-child>a{}
#navbar ul.menu li:last-child>a{}
#navbar ul.menu li:hover, #navbar ul.menu li.active{}
#navbar ul.menu li:hover>a, #navbar ul.menu li>a:hover,#navbar ul.menu li.active>a{text-decoration:none; background:#db0d20}

/*toan bo cho #banner nay*/
#banner {overflow:hidden; border-bottom:solid 5px #e31935; margin-top:-100px;}
#banner #slider-banner {width:1280px; height:350px; margin:0px auto 0px; position:relative}
#banner #slider-banner li{width:1280px; height:350px; position:absolute}
#banner #slider-banner img{z-index:;}
#banner #text{width:400px; padding-bottom:50px; position:absolute; z-index:99; top:100px; margin-left:25px; font-weight:700; font-size:16px; line-height:24px;}

#inner-banner{margin-top:0px; text-align:center}
#inner-banner .text{position:absolute; top:-150px; color:#2467a9; font-weight:700}

#breadscrums {background:url(../images/bg-breadscrums.png) repeat-x;}
#breadscrums a{color:#666}

#boxes{background:url(../images/boxes.png) no-repeat; background-size:100% 100%; width:664px; display:inline-block; margin-top:-68px; position:relative; z-index:999; padding-top:8px}
#boxes td{width:28%; padding:10px 15px 50px; position:relative; font-size:12px; height:212px; display:block; float:left; margin-left:5px;}
#boxes .box h4{height:52px; vertical-align:middle; color:#fff; padding-top:5px; font-size:13px; font-weight:normal}
#boxes .box a.findout{background:url(../images/findout.png) no-repeat; display:block; text-indent:-9999px; width:146px; height:33px; position:absolute; bottom:15px; margin-left:30px}

#boxes .box.hover{background:url(../images/boxes-hover.png) no-repeat; background-size:100% 100%; height:300px; width:232px; padding:0px 10px; position:absolute; top:-12px; margin-left:-28px; z-index:999}
#boxes .box.hover h4{height:51px; vertical-align:middle; padding-top:27px; padding-right:10px; margin-bottom:1px}
#boxes .box.hover p{padding:5px 29px 5px 18px}
#boxes .box.hover a.findout{bottom:31px; margin-left:48px;}

#boxes2{background:url(../images/boxes2.png) no-repeat; background-size:100% 100%; width:100%; display:inline-block; margin-top:0px; position:relative; z-index:999; padding-top:8px}
#boxes2 td{width:21.8%; padding:10px 15px 40px; position:relative; font-size:12px; height:340px; display:block; float:left}
#boxes2 .box h4{height:52px; vertical-align:middle; color:#fff; padding-top:5px; font-size:13px; font-weight:normal; text-align:center}
#boxes2 .box a.findout{text-indent:-9999px; position:absolute; bottom:23px;}
#boxes2 .box a.learnmore{background:url(../images/learnmore.png) no-repeat; width:197px; height:33px; margin-left:8px;}
#boxes2 .box a.enquire{background:url(../images/enquire1.png) no-repeat; width:100px; height:29px; z-index:999; margin-left:105px; margin-bottom:2px;}

#boxes2 .box.hover{background:url(../images/boxes2-hover.png) no-repeat; background-size:100% 100%; height:410px; width:257px; position:absolute; top:-12px; margin-left:-18px}
#boxes2 .box.hover h4{height:51px; vertical-align:middle; padding:27px 17px 0px 5px;margin-bottom:1px}
#boxes2 .box.hover p{padding:5px 29px 5px 18px}
#boxes2 .box.hover ol{padding:0px 30px 5px 38px}
#boxes2 .box.hover a.findout{bottom:31px;}
#boxes2 .box.hover a.learnmore{background:url(../images/learnmore.png) no-repeat; width:197px; height:33px; margin-left:26px;}
#boxes2 .box.hover a.enquire{background:url(../images/enquire1.png) no-repeat; width:100px; height:29px; z-index:999; margin-left:123px; margin-bottom:2px;}

#container{padding-bottom:55px; background-image:url(../images/border.png); background-repeat:repeat-x; background-position: bottom}
#container .w960.mha{padding:0px 50px;}

a.enquire{background:url(../images/enquire2.png) no-repeat; width:106px; height:39px; display:block; margin-top:10px; text-indent:-9999px}

.click a{background:url(/images/click.png) no-repeat; width:318px; height:39px; display:block; text-indent:-9999px}
.down a{background:url(/images/down.png) no-repeat; width:232px; height:39px; display:block; text-indent:-9999px; position:absolute; top:0; left:100px}
.quote{background:url(../images/quote.png) no-repeat; background-size:100% 100%;  width:260px; float:right; text-align:center; position:relative; height:302px}
.quote h4{height:51px; vertical-align:middle; padding:32px 17px 0px 5px;margin-bottom:1px; color:#fff; font-size:18px}
.quote p{padding:15px 29px 5px 18px}
.quote a.findout{background:url(../images/findout.png) no-repeat; display:block; text-indent:-9999px; width:146px; height:33px; position:absolute; bottom:25px; margin-left:60px}

#footer{position:absolute; background:url(../images/bg-footer.jpg) repeat-x; background-size:auto 100%; width:100%; bottom:0px; font-size:12px; text-align:center;}
#footer .ftcontent{width:960px; padding:10px 10px 0px; margin:0 auto; color:#d8d8d8}
#footer .ftcontent h4{color:#fff; font-weight:700; font-size:12px; line-height:16px}
#footer .ftcontent p{padding:0px 0; line-height:24px}
#footer ul{padding-top:10px}
#footer li{display:inline-block; padding-right:5px}
#footer table{}
#footer table td a{color:#d8d8d8; display:inline-block;margin-top:5px}
#footer table td img{display:inline-block; }
#footer table td span{vertical-align:middle; line-height:20px; display:inline-block; padding-left:10px}
#footer table td{vertical-align:middle; padding:0px}
#footer table td h4{padding-bottom:10px}

ins,.tdn{text-decoration:none}
.dpb{z-index:9999}

#form{margin-top:30px}
#userForm{padding:0px 0px; overflow:hidden; position:relative}
#userForm td{vertical-align:top; width:150px; line-height:18px;}
#userForm input{color:#474747; font-family:'Arial'; background:none}
#userForm input[type=text]{padding:0px 5px; height:24px; margin-bottom:15px; width:450px; font-size:12px; border:solid 1px #2c2c2c;}
#userForm textarea{padding:5px; height:69px; margin-bottom:15px; width:450px; font-size:12px; color:#474747; font-family:Arial; font-size:12px; border:solid 1px #2c2c2c; background:none}
#userForm select{width:215px; border:0; height:28px}
#userForm input[type=submit]{width:62px; line-height:21px; height:21px; border:0; background:url(../images/btnSubmit.png); float:left; margin-right:3px; margin-bottom:15px}

#tabshome ul li{background:#9E9E9E; padding:0px; width:49.7%; float:left; text-align:left; margin-left:0.6%}
#tabshome ul li:first-child{margin-left:0}
#tabshome ul li.active{background:#295f6e}
#tabshome ul li a{color:#fff;}


#banner #nav{position:relative; top:-235px; width:100%; margin:0 auto;}
#banner #nav #next{position:absolute; right:20px; width:43px; height:95px; cursor:pointer; background:url(../images/right.png) no-repeat}
#banner #nav #prev{position:absolute; left:20px; width:43px; height:95px; cursor:pointer; background:url(../images/left.png) no-repeat}
#banner #pages{text-align:right; width:960px; margin:0 auto; position:relative}
#banner #pages ul{height:auto; position:absolute; bottom:0; right:0}
#banner #pages li{height:auto; width:auto; position:static; display:inline-block; margin-left:4px}
#banner #pages li a{display:block; width:16px; height:16px; background:url(../images/slide-dot.png) no-repeat; background-position:-21px 0px; z-index:9999}
#banner #pages li.active a{background-position:0px 0px}